@mixin flex {
	display: flex;
	align-items: center;
}
@mixin flex-center {
	@include flex;
	justify-content: center;
}
@mixin flex-between {
	@include flex;
	justify-content: space-between;
}
@mixin flex-column-center {
	@include flex-center;
	flex-direction: column;
}
@mixin flex-column-between {
	@include flex-between;
	flex-direction: column;
}
@mixin word-line($line: 1) {
	text-overflow: ellipsis;
	@if $line == 1 {
		white-space: nowrap;
		overflow: hidden;
	}
	@else {
		overflow: hidden;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: $line;
	}
}